<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>注册页</title>
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="../css/base.css" />
    <link rel="stylesheet" href="../css/register.css" />
    <script src="../js/jquery-1.11.3.js"></script>
  </head>

  <body>
    <!-- 顶部头部 -->
    <div class="header">
      <!-- 顶部导航栏 -->
      <div class="nav">
        <div class="nav_container">
          <ul class="nav_left">
            <li>
              <a href="index.html">
                <s class="home"></s>
                <span>网站首页</span>
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <s class="weixin"></s>
                <span>微信</span>
                <img src="../imgs/index/header/icon_down.png" alt="" />
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <s class="phone"></s>
                <span>手机访问</span>
                <img src="../imgs/index/header/icon_down.png" alt="" />
              </a>
            </li>
          </ul>
          <ul class="nav_right">
            <li><a>Hi,欢迎来到手机商城!</a></li>
            <li><a href="login.html">登录</a></li>
            <li><a href="register.html">注册</a></li>
            <li><a href="#">我的订单</a></li>
            <li><a href="#">账户中心</a></li>
            <li><a href="#">商户中心</a></li>
            <li><a href="#">帮助中心</a></li>
          </ul>
        </div>
      </div>
      <!-- 头部搜索 -->
      <div class="headerMiddle">
        <img src="../imgs/index/header/title.png" alt="" />
        <div class="myCart">
          <img src="../imgs/index/header/icon_cartOn.png" alt="" />
          <a href="cart.html">我的购物车</a>
          <img src="../imgs/index/header/bg_upArrow.png" alt="" />
        </div>
      </div>
      <div class="search">
        <input
          type="text"
          class="searchInput"
          placeholder="请输入要搜索的关键词"
        />
        <a href="">搜索</a>
      </div>
      <!-- 头部选项卡 -->
      <ul class="headerTab">
        <li><a href="./index.html">首页</a></li>
        <li><a href="./list.html">全部商品</a></li>
        <li><a href="./list.html">华为</a></li>
        <li><a href="./list.html">荣耀</a></li>
        <li><a href="./list.html">苹果</a></li>
        <li><a href="./list.html">魅族</a></li>
        <li><a href="./list.html">三星</a></li>
        <li><a href="./list.html">OPPO</a></li>
        <li><a href="./list.html">VIVO</a></li>
        <li><a href="./list.html">小米</a></li>
      </ul>
    </div>
    <!-- 右侧固定的红线 -->
    <div class="right_line"></div>
    <!-- 右侧固定的导航栏 -->
    <div class="qq_service">
      <a href="javascript:;">
        <div class="icon"></div>
        <div class="qq_text">
          <span>购物车</span>
        </div>
      </a>
      <a href="javascript:;">
        <div class="icon"></div>
        <div class="qq_text">
          <span>客服1</span>
        </div>
      </a>
      <a href="javascript:;">
        <div class="icon"></div>
        <div class="qq_text">
          <span>4009696829</span>
        </div>
      </a>
      <a href="javascript:;">
        <div class="icon"></div>
        <div class="qq_text">
          <span>意见反馈</span>
        </div>
      </a>
      <a href="javascript:;">
        <div class="icon"></div>
        <div class="qq_text">
          <span>我的足迹</span>
        </div>
      </a>
      <a href="javascript:;">
        <div class="icon"></div>
        <div class="qq_text">
          <span>回到顶部</span>
        </div>
      </a>
    </div>

    <!-- 注册 -->
    <div class="userRegister">
      <h3>
        用户注册
        <span>USER REGISTER</span>
      </h3>
      <div>
        &gt;已有会员账号，
        <a href="login.html">马上登录</a>
      </div>
    </div>
    <!-- 注册主页面 -->
    <div class="spec">
      <div class="regInfo">
        <div class="account">
          <span>手机号</span>
          <input type="text" class="input" id="phone" />
        </div>
        <div class="account">
          <span>验证码</span>
          <input type="text" class="input" id="code" />
        </div>
        <div class="account">
          <span>登录密码</span>
          <input type="text" class="input" id="upwd" />
        </div>
        <div class="account">
          <span>确认密码</span>
          <input type="text" class="input" id="cpwd" />
        </div>
        <div class="agreen">
          <input type="checkbox" checked />我已阅读并同意
          <a href="javascript:;">《用户注册服务协议》</a>
        </div>
        <a href="javascript:;" onclick="register()">注册-REGISTRATI ON</a>
      </div>
      <img src="../imgs/login/register.jpg" alt="" />
    </div>
    <!-- 底部 -->
    <div class="footer">
      <ul>
        <li><a href="#">关于我们</a></li>
        <li><a href="#">服务详情</a></li>
        <li><a href="#">联系我们</a></li>
      </ul>
      <p>Copyright © 2016 北京熠天海纳科技有限公司 京ICP备16043770号</p>
      <div class="authentication">
        <a href="#"><img src="../imgs/index/footer/bottom01.png" alt="" /></a>
        <a href="#"><img src="../imgs/index/footer/bottom02.png" alt="" /></a>
        <a href="#"><img src="../imgs/index/footer/bottom03.png" alt="" /></a>
      </div>
    </div>

    <script src="../js/register.js"></script>
  </body>
</html>
